<template>
  <div class="bcg">
    <div class="sjgl">
      <div class="sjgl_div">
        <div class="content">
          <div class="hedlist">
            <div class="headbtn">
              <a-button>
                <router-link to="/cjwz">上一页</router-link>
              </a-button>
            </div>
          </div>
          
          <div class="sjgl_box">
            <div class="content_box">
              <a-tabs
                defaultActiveKey="1"
                :tabPosition="mode"
                :style="{ height: 'auto'}"
                @prevClick="callback"
                @nextClick="callback"
              >
                <a-tab-pane tab="企业信息" key="1">
                  <qyxxym class="qyxxym"></qyxxym>
                </a-tab-pane>
                <a-tab-pane tab="员工管理" key="2">
                  <ygglym class="ygglym"></ygglym>
                </a-tab-pane>
                <a-tab-pane tab="产品管理" key="3">
                  <cpglym class="cpglym"></cpglym>
                </a-tab-pane>
                <a-tab-pane tab="管理文章" key="4">
                  <glwzym class="glwzym"></glwzym>
                </a-tab-pane>
                <!-- <a-tab-pane tab="企业产品" key="5">
                  <qycpym class="qycpym"></qycpym>
                </a-tab-pane> -->
                <a-tab-pane tab="特价" key="6">
                  <tjglym class="tjglym"></tjglym>
                </a-tab-pane>
                <!-- <a-tab-pane tab="样本管理" key="7">Content of tab 7</a-tab-pane> -->
                <!-- <a-tab-pane tab="Tab 8" key="8">Content of tab 8</a-tab-pane>
            <a-tab-pane tab="Tab 9" key="9">Content of tab 9</a-tab-pane>
            <a-tab-pane tab="Tab 10" key="10">Content of tab 10</a-tab-pane>
                <a-tab-pane tab="Tab 11" key="11">Content of tab 11</a-tab-pane>-->
              </a-tabs>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import qs from "qs";
import qyxxym from "../qyxx/qyxxym.vue";
import ygglym from "../yggl/ygglym.vue";
import cpglym from "../cpgl/cpglym.vue";
import glwzym from "../glwz/glwzym.vue";
import tjglym from "../tjgl/tjglym.vue";
// import qycpym from "../qycp/qycpym.vue";

export default {
  data() {
    return {
      mode: "top"
    };
  },
  components: {
    qyxxym,
    ygglym,
    cpglym,
    glwzym,
    tjglym,
    // qycpym
  },
  methods: {
    callback(val) {
      console.log(val);
    }
  },
  created() {}
};
</script>
<style lang='less' >
.sjgl {
  position: relative;
  z-index: 999;
  height: auto;
  width: 100%;
  .sjgl_div {
    height: auto;

    .content {
      background-color: #f3f7f9;
      height: auto;
      overflow: hidden;
      .hedlist {
        width: 100%;
        height: 60px;
        background-color: #fff;
        text-align: left;
        padding: 15px;
      }
      .sjgl_box {
      }
      .content_box {
        position: relative;
        width: 98%;
        height: 95%;
        padding: 20px;
        background-color: #fff;
        margin: 20px auto;
        text-align: left;
        .ant-tabs-bar {
          position: relative;
          z-index: 999;
        }
        .qyxxym {
          position: relative;
          top: -60px;
          height: auto;
        }
        .ygglym {
          .header_sele {
            position: relative;
            top: 0px;
            left: 0%;
            z-index: 999;
            text-align: right;
            width: 100%;
          }
          .yggl_bg {
            top: 10px !important;
            .add_qy {
              margin: 0;
            }
          }
        }
        .cpglym {
          position: relative;
          top: -110px;
          height: auto;
          .header_sele {
            position: relative;
            top: 95px;
            left: 0!important;
            z-index: 999;
            text-align: right;
            width: 100%;
            background-color: #fff;
            box-shadow: 5px 5px 5px #ccc;
            // height: 50px;
            padding: 10px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
          }

          .cpgl {
            top: 85px;
          }
          .hedlistbtn {
            position: relative;
            top: 94px;
            width: 98%;
            left: 0%;
            height: 75px;
            background-color: #fff;
            text-align: left;
            padding: 15px;
            .headbtn {
              button {
                margin: 0 10px !important;
              }
            }
          }
          .ant-tabs-bar {
            position: absolute;
          }
        }
        .glwzym {
          position: relative;
          height: auto;
           .ant-tabs-bar {
            position: absolute;
          }
          .header_sele {
            position: relative;
            top: -12px;
            left: 0%!important;
            z-index: 999;
            text-align: right;
            width: 99%;
          }
          .glwz {
            width: 98%;
            position: relative;
            top: 0;
          }
        }
        .tjglym {
          .hedlistbtn {
            top: 0;
          }
          .tjgl {
            top: 0;
          }
        }
        // .qycpym {
        //     position: relative;
        //   height: auto;
        //   .header_sele {
        //     position: relative;
        //     top: 0;
        //     left: 0%;
        //     width: 99% !important;
        //   }

        //   .add_qy {
        //     position: relative;
        //     top: -120px;
        //   }
        //   .ant-table-wrapper{
        //     position: relative;
        //     top: -120px;
        //   }
        // }
      }
    }
  }
}
</style>
